<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<meta content="width=device-width, initial-scale=1.0" name="viewport"></meta>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta content="IE=edge" http-equiv="X-UA-Compatible"></meta>

<title>Profile</title>
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="css/stil.css" rel="stylesheet" type="text/css" />
</head>
  <body> 
	<div class = "navbar navbar-inverse navbar-static-top"> 
		<div class = "container">
			<a href = "#" class = "navbar-brand"> MOOCers </a>
			<button class = "navbar-toggle" data-toggle = "collapse" data-target = ".navHeaderCollapse" > 
				<span class = "icon-bar"> </span>
				<span class = "icon-bar"> </span>
				<span class = "icon-bar"> </span>
			</button>
				
			<div class = "collapse navbar-collapse navHeaderCollapse">
			
				<ul class = "nav navbar-nav navbar-right"> 
					<li class = "active" > <a href = "#"> Home </a> </li>
					<li class = "dropdown" > 
						<a href = "#" class = "dropdown-toggle" data-toggle = "dropdown">Courses<b class = "caret"> </b> </a>
						<ul class = "dropdown-menu">
							<li> <a href = "#"> Add Course </a> </li>
							<li> <a href = "#"> Search Course </a> </li>
						</ul>
					<li> <a href = "#"> Instructors </a></li>
					<li> <a href = "#"> Forum </a> </li>
					<li> <a href = "#"> Logout </a> </li>
				</ul>
			</div>
		</div>
	</div>
  
  <%-- end of the top menu --%>
  
  	<form class="form-horizontal" role="form" form name="actionForm" action="RegistrationServlet" method ="POST" style = "margin-left: 200px">

		<div class="form-group">
			<div class = "col-sm-5">
				<header> <h1> Sign Up </h1> </header>
			</div>
		</div>
  
		<div class="form-group">
			<div class="col-sm-5">
				<input type="name" class="form-control" id="inputName" placeholder="Name">
			</div>
		</div>
  
		<div class="form-group">
			<div class="col-sm-5">
				<input type="Surname" class="form-control" id="inputSurname" placeholder="Surname">
			</div>
		</div>

		<div class="form-group">
			<div class="col-sm-5">
				<input type="email" class="form-control" id="inputEmail3" placeholder="Email">
			</div>
		</div>
  
		<div class="form-group">
			<div class="col-sm-5">
				<input type="password" class="form-control" id="inputPassword3" placeholder="Password">
			</div>
		</div>
  
		<div class="form-group">
			<div class="col-sm-5">
				<input type="password" class="form-control" id="inputPassword4" placeholder="Retype Password">
			</div>
		</div>
  
		<div class="form-group">
			<div class="col-sm-5">
				<input type="age" class="form-control" id="inputAge" placeholder="Age">
			</div>
		</div>
     
		<div class="form-group">
			<label for="Gender" class="col-sm-1 control-label">Gender: </label>
			<div id ="attend1" class="btn-group" data-toggle="buttons-radio">
				<input type='hidden' name="Gender" value='default value'>
				<button type="button" name="gender" style = "margin:5px" class="btn btn-primary">Male</button>
				<button type="button" name="gender" style = "margin:5px" class="btn btn-primary">Female</button>
				</div>
		</div> 
			
		<div class="form-group">
			<div class="col-sm-5">
				<textarea rows="3" style =" width: 500px" placeholder="About yourself"></textarea>
			</div>
		</div>
		
		<label class="checkbox">
			<input type="checkbox" value="remember-me"></input>
                Hide my Info
		</label>
	
  
		<div class="form-group">
			<div class="col-sm-5" style = "margin: 25px">
				<button type="button" class="btn btn-primary btn-lg">Register</button>
			</div>
		</div>
	

	</form>
  </body>
</html>




<%-- Dosyanin eski hali: 



<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
	<h3 align="center">Sign Up</h3>
	<p></p>
	<fieldset style="width: 450px; margin: 0px auto;">
		<legend>
			<b>Required Information:</b>
		</legend>
		<p></p>
		<form name="actionForm" action="RegistrationServlet" method ="POST"  >

			<table border="0">
				<tr>
					<td><label for='tcnum'>Name:</label></td>
					<td><input type='text' name='name' id='name' maxlength="11"
						 /></td>
				</tr>

				<tr>
					<td><label for='email'>Email :</label></td>
					<td><input  name='email'
						placeholder="Enter a valid email" id='email' maxlength="20"
						required /></td>
				</tr>


				<tr>
					<td><label for='username'> Password :</label></td>
					<td><input type='password' name='password' id='password'
						maxlength="15" /></td>
				</tr>

				<tr>
					<td><label for='username'> Password Again:</label></td>
					<td><input type='password' name='password2' id='password'
						maxlength="15" /></td>
				</tr>


				<tr>
					<td><label for='age'>Age :</label></td>
					<td><input  name='age' id='age'/></td>
				</tr>


				<tr>
					<td><label for='region'>Region :</label></td>
					<td><input type='text' name='region' id='region'
						maxlength="15" /></td>
				</tr>

				<tr>
					<td><label for='gender'>Gender :</label></td>
					<td><input type="radio" name="gender" value="1" checked="checked" />Male
					<input type="radio" name="gender" value="0" />Female</td>
				</tr>

				<tr>
					<td><label for='username'>About :</label></td>
					<td><input type='text' name='about' id='about'/></td>
				</tr>
				
				<tr>
				<td><input type="checkbox" name="viewable" value="1">Hide my profile</td>
				</tr>
				<tr>
					<td></td>
					<td><input type='submit' name='register' value='Register' />

					</td>
				</tr>

			</table>
		</form>
	
	</fieldset>
</body>
</html>--%>